<!DOCTYPE HTML>
<div class="container">
 <div class="row-fluid">
        <div class="span12" id="content">
        </div>
 </div>
    
<div class="row">

  <div class="span3">
  	<div class="widget stacked">
					
				<div class="widget-header">
					<i class="icon-user"></i>
					<h3>Filter Users</h3>
				</div> <!-- /widget-header -->
				
				<div class="widget-content">
					
					    <form>

      <h5>Rating</h5>

      <fm-rating ng-model="$parent.filter.rating"></fm-rating>


	  <h5>Categories</h5>

      <div fm-checkbox-list ng-model="filter.category">
        <label ng-repeat="category in CATEGORIES" class="checkbox">
          <input type="checkbox" value="{{category.name}}"> {{category.name}}
        </label>
      </div>
    </form>
					
					
				
					
				</div> <!-- /widget-content -->
					
			</div> <!-- /widget -->	
  

  </div>


  <div class="span9">
  	<div class="widget widget-nopad stacked">
						
				<div class="widget-header">
					<i class="icon-list-alt"></i>
					<h3>
					<ng-pluralize count="users.length"
                    when="{'0'    : 'No  users found. :-(',
                           'one'  : '1 users found!',
                           'other': '{} users found!'}">
					</ng-pluralize>
					</h3>
				</div> <!-- /widget-header -->
				
				
				<div class="widget-content">

					<table class="table table-striped table-bordered">
					<thead>
							<tr>
								<th><a href ng-click="sortBy('name')">Name {{sortIconFor('name')}}</a></th>
								<th><a href ng-click="sortBy('rating')">Rating {{sortIconFor('rating')}}</a></th>
								
							</tr>
					</thead>
					<tbody ng:repeat="user in users">
							<tr>
								<td width='85%'>
								<div class="stats">
						
									<div class="stat">
										<img class="img-rounded pull-left" src="{{user.imagePath}}"/>
									</div> <!-- /stat -->
						
									<div class="stat">
										<a href="#/user/{{user.id}}" class="news-item-title">{{user.name}}</a>
										<p class="news-item-preview">{{user.email}}</p>								
									</div> <!-- /stat -->
						
																		
								</div> 
						
								</td>
								<td width="15%"><fm-rating ng-model="$parent.user.rating" readonly="true"></fm-rating>
								</td>
								
							</tr>
					</tbody>
					</table>
					
				</div> <!-- /widget-content -->				
			
			</div>
  </div>
</div>
    <footer>
        <p>&copy; Meet Expert 2013</p>
    </footer>

</div>
